<template>
	<div class='floor53_wrap'>
	    <div class="header">
	      <div class="img" :style="{backgroundImage: 'url(' + data.goodsImage + ')'}">
	      	
	      </div>
	      <div class="detail">
	      	 <div class="title">{{data.comName}}</div>
	      	 <div class="number">数量:{{data.goodsCount}}</div>
	      </div>
	    </div>
	    <div class="body">	    	
	       <div class="section">
	          <div class="word1">商品总价</div>
	          <div class="word1">¥ {{formatFixed2(data.ordersPrice)}}</div>
	       </div>	
	       
	       <div class="section">
	          <div class="word1">运费</div>
	          <div class="word1">¥ {{formatFixed2(data.goodsFreight)}}</div>
	       </div>
	       
	       <div class="section">
	          <div class="word1">订单编号</div>
	          <div class="word1">{{data.ordersSn}}</div>
	       </div>
	       
	       <div class="section">
	          <div class="word2">实付款</div>
	          <div class="word3">¥ {{formatFixed2(data.ordersPrice+data.goodsFreight)}}</div>
	       </div>	       
	    </div>
	</div>	
</template>

<script>
import {getFun} from '@/api/publicFun.js'	 
let publicFun=getFun()
export default {	
	data() {
       return {
    
       }
	},
	props:['data'],
	mixins:[publicFun],//混入
	methods: {	

	},
		
	mounted() {
	}
}	
</script>

<style scoped="" lang="scss">
.floor53_wrap{
  .header{padding: 20px 0;border-bottom: 1px solid #f0f0f0;display: flex;  
     .detail{margin-left: 10px;flex: 1;display: flex;flex-direction: column;justify-content: space-between;font-size: 12px;color: #999;
       .title{color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
     }  
  }	
  .body{padding: 20px 0;
    .section{margin-bottom: 20px;display: flex;justify-content: space-between;font-weight: 500;
       .word1{font-size: 12px;color: #999;}
       .word2{font-size: 14px;font-weight: bold;color: #333;}
       .word3{color: #F22613;font-size: 14px;font-weight: bold;}  
    }
    .section:nth-last-child(1){margin-bottom: 0;}
  }
}
.img{width: 50px;height: 50px;overflow: hidden;background-repeat: no-repeat;background-size:cover;background-position: 50% 50%;border-radius: 4px;}

</style>